<template>
    <div class="item">
        <check></check>
        <ipt v-if="isSet" :val="title"></ipt>
        <span v-else>{{title}}</span>
        <btn title="x"></btn>
    </div>
</template>

<script>
import check from '@/components/check.vue'
import btn from '@/components/btn.vue'
import ipt from '@/components/ipt.vue'

export default {
  name: 'ITEM',
  components: {
    btn, check, ipt
  },
  props: {
    title: {
      require: true
    }
  },
  data () {
    return {
      isSet: true
    }
  }
}
</script>

<style lang="less">
.item{
    display:flex;
    width:300px;
    input[type=button]{
        margin-left: auto;
    }
}
</style>
